<template>
  <div class="student">
    <h3 @click="showName">学生姓名:{{ name }}</h3>
    <h3>性别：{{ sex }}</h3>
  </div>
</template>

<script>
// 局部混合
import { mixin, mixin1 } from "../mixin";
export default {
  name: "Student",
  data() {
    return { name: "张三", sex: "男" };
  },
  mixins: [mixin, mixin1],
  // methods: {
  //   showName() {
  //     console.log(this.name);
  //   },
  // },
};
</script>

<style>
.student {
  background-color: orange;
}
</style>